<!DOCTYPE html>
<html>
    <head>
        <title>x-map</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui">
        <!-- upgraded DOM --><script src="//cdnjs.cloudflare.com/ajax/libs/dom4/1.5.2/dom4.js"></script>
        <script src="js/document-register-element.js"></script>
        <!-- awesome feature -->
        <script src="js/Object.prototype.watch.js"></script>
        <!-- the custom element -->
        <script src="js/x-bind.js"></script>
    </head>
    <body>
      <x-bind></x-bind>
      <script>
      this.node = document.querySelector('x-bind');
      this.obj = {test: '123'};
      node.bindTo(this.obj);
      </script>
    </body>
</html>